<!DOCTYPE HTML>
<html>
	<head>
			<title>Spring CT - Training Management System</title>
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
			<meta charset="utf-8">
  			<meta name="viewport" content="width=device-width, initial-scale=1">
  			<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		 	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		
			<script type="text/javascript">
				
			$(document).ready(function(){
  
    			//$("#logo").fadeOut("0").fadeIn("10000");
        		$("#logo").animate({width:"229px"},"10000");
  			});
				
			</script>
			<link rel="stylesheet" type="text/css" href="resources/style.css"></link>	
			<script type="text/javascript" src="resources/script.js" ></script>
	</head>
	<body>
			<div id="maindiv" class="container">
				
				<div id="divlogo"> <img id="logo" src="resources/logo.png" width="0px" /> </div>
				<div id="divlogin">
					<h2 id="lbllogin">Login</h2>
					<form id="loginform" onsubmit="validate_empty(event)" action="authenticate.php" method="POST">
						<table>
							<tr>
								
								<td>
									<input type="text" name="txtemail" id="txtemail" class="form-control" placeholder="Email ID" onblur="validate_email(event)" onfocus="clearem()" />
									<span id="chkemail" class="errspan"></span>
								</td>
							</tr>
							<tr>
								<td>
									<input type="password" name="txtpw" id="txtpw" class="form-control" placeholder="Password" onblur="validate_pw(event)" onfocus="clearpw()" />
									<span id="chkpw" class="errspan"></span>
								</td>
							</tr>
							<tr>
								<td>
									<input type="submit" id="btnsubmit" class="btn btn-default" value="Sign in"/>
									<a>forgot password?</a>
								</td>
							</tr>
						</table>
						
					</form>
				</div>
				<span id="vsummary" class="errspan" style="float: right" ></span>
			</div>
	</body>
	
</html>
